<template>
  <div>
    <div>
      <div class="middleCenter">
        <div class="newsLine">
          <p class="twoLineHidden">2018年度勘察设计注册工程师资格考试报考条件+考试大纲</p>
          <img src="../../img/zl1.jpg" alt>
        </div>
        <div class="newsLine">
          <p class="twoLineHidden">2019年度专业技术人员资格考试计划</p>
          <img src="../../img/zl1.jpg" alt>
        </div>
        <div class="newsLine">
          <p class="twoLineHidden">2018全国勘察设计注册工程师相关专业新旧名称对照表</p>
          <img src="../../img/zl1.jpg" alt>
        </div>
      </div>
      <div class="pagenation">
        <div class="pagebox">
          <div class="pagePrev page">
            <span>&lt;</span>
          </div>
          <div class="pagesize">
            <span>1/1</span>
          </div>
          <div class="pageNext page">
            <span>&gt;</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.text li {
  margin-left: 37px;
  float: left;
}
ul,
li {
  list-style: disc;
}
.content {
  margin-top: 10px;
}
.text span {
  float: right;
  margin-right: 10px;
  color: #6f6d6d;
}
.clearfix:after {
  clear: both;
  display: block;
  content: "";
}
.text {
  height: 44px;
  line-height: 44px;
  border-bottom: 1px solid #e0d9d9;
}
.nav {
  background: #fff;
  margin-top: 10px;
}
.titletext {
  border-bottom: 1px #e0d9d9 solid;
  color: #3285ff;
  font-size: 16px;
  height: 52px;
  line-height: 52px;
  text-indent: 16px;
}
.pagebox {
  width: 200px;
  display: flex;
  position: relative;
  margin: 0 auto;
  top: 12px;
}
.page span {
  position: absolute;
  top: 3px;
  left: 10px;
  font-size: 20px;
  color: #fff;
}
.pagePrev {
  position: absolute;
  left: 0;
}
.pagesize {
  flex-grow: 1;
  line-height: 35px;
}
.pageNext {
  float: right;
  position: absolute;
  right: 0;
}
.page {
  width: 35px;
  height: 35px;
  background: #3285ff;
  border: 0;
  border-radius: 50%;
  overflow: hidden;
  background-size: 100%;
  position: relative;
}

.pagenation {
  clear: both;
  color: #333;
  height: 59px;
  width: 100%;
  text-align: center;
  position: relative;
  background: #fff;
}
.twoLineHidden {
  float: left;
  line-height: 58px;
  margin-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
  width: 70%;
  height: 55px;
}
.newsLine img {
  float: right;
  width: 50px;
  height: 50px;
  position: relative;
  top: 4px;
  left: -7px;
}
.newsLine {
  height: 58px;
  padding: 5px;
  background: #fff;
  border: 1px solid #f6f6f6;
}
</style>
